<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            font-style:italic;/*italic斜体*/
        }
        i{
            font-style:normal;
            font-weight:bold;/*字体加粗*/
        }
        b{
            font-weight:normal;
            /* text-transform:lowercase;字体改变，大小写 */
            /* text-transform:uppercase; */
            text-transform:capitalize;/*第一个字符为大写*/
            text-transform:full-width;/*等宽*/
        }
        .t1{
            font-family:"宋体"
        }
        .t2{
            font-family:"幼圆"
        }
        .t3{
            font-family:"微软宋黑"
        }
        .t4{
            font-family:"隶书"
        }
        /*声明字体*/
        @font-face{
		font-family: 'myfont';
		src:url('./fonts/Matamoras.otf');
	}
    </style>
</head>
<body>
    <div>hello</div>
    <i>hello</i>
    <b>hello HELLO</b>
    <b class="t1">hello</b>
    <b class="t2">hello</b>
    <b class="t3">hello</b>
    <b class="t4">hello</b>
</body>
</html>